body {
	background-color: black;
}

.mui-bar-nav {
	background-color: black;
}

.mui-title {
	color: #fff;
}

.mui-icon-left-nav {
	color: #fff;
}

.mui-icon-more-filled {
	color: #fff;
	float: right;
}

.mui-bar-nav.mui-bar .mui-icon {
	margin-right: -5px;
}

.mui-content {
	margin:0 15px 15px 15px;
	padding: 10px;
	background-color: #fff;
}

.title {
	padding: 10px 0;
	text-align: center;
}

h2 {
	font-size: 20px;
}

.header {
	padding-bottom: 30px;
}

.mui-icon-loop {
	font-size: 15px;
	float: left;
}

.xiao {
	color: #bbb;
	font-size: 10px;
}

.mui-icon-location-filled {
	float: right;
	margin-right: 20px;
	font-size: 15px;
	color: #007aff;
}

.icon-xin {
	color: red;
	font-size: 20px;
	float: right;
}

.image {
	width: 100%;
	height: 200px;
	background-image: url(../img/2.png);
	background-size: cover;
	padding-top: 80px;
	padding-left: 45%
}

.box {
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background-color: #fff;
	padding-top: 10px;
	text-align: center;
}

.icon-zantin {
	color: deepskyblue;
	border: 0;
	
}

.text p {
	font-size: 10px;
	margin-top: 15px;
}

.mui-table-view .mui-media-object {
	border-radius: 50%;
}

.mui-media-body {
	font-weight: bold;
	font-size: 13px;
}

.mui-ellipsis {
	font-size: 10px;
}

.mui-table-view:before {
	height: 0;
}

.mui-table-view:after {
	height: 0;
}

.mui-icon-undo {
	color: #bbb;
	font-size: 15px;
	float: right;
	margin-top: -30px;
}
